<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="stylesheet" href="../public/css/node.css">
 <link rel="stylesheet" href="../public/css/bootstrap.min.css">
 <title>游戏添加</title>
</head>
<body >

  <ul id="nav" class="col-md-1 nav nav-pills nav-stacked">
    <li class="navItem txContainer col-md-12 col-xs-3 ">
      <div class="kb visible-lg visible-md"></div>
      <img src="../public/img/index/logo/logo.png" alt="" class="visible-lg-inline visible-md-inline">
      <div>后台管理</div>
    </li>
    {{each menu}}
        <li class="navItem col-md-12 col-xs-3"  data-area="{{$index + 1}}">{{ $value }}</li>
    {{/each}}
  </ul>

  <div id="animeTable" class="col-md-11">
      <div class="tableTitle">
        <a href="javascript:;" onclick="toRrefresh();"><span class="return"><img src="../public/img/index/other/back.png" alt=""></span></a>
        游戏添加
      </div>
      <div class="editMain">
        <form action="/node/editGame/upload" method="post" enctype="multipart/form-data" class="saveImg saveImg_2" target="nm_iframe">
            <input accept="image/png, image/jpeg, image/gif, image/jpg" type="file" class="hide" id="imgInput" name="image" >
            <input accept="image/png, image/jpeg, image/gif, image/jpg" type="file" class="hide" id="imgInput_F" name="image_F">
            <input type="submit" value="保存上传" class="saveUpload hide">
        </form>
         
        <form class="main" action="/node/addGame" method="post">
        <div class="row part1">
          <div class="col-md-3 left">
              <div class="imgC">
                <div class="imgSrc_F">
                  <img src="../public/img/index/other/noImg.jpg"/>
                  <span class="noticeTitle">封面</span>
                  <input type="text" class="hide" name="imgUrl" id="imgInputText_F" value="../public/img/index/other/noImg.jpg">
                  <span class="glyphicon glyphicon-remove returnImg return_F"></span>
                </div>
              </div>
          </div>
          <div class="col-md-9 right">
              <div class="form-group">
                  <label for="animeTitle">中文名称：</label>
                  <input type="text" name="name" class="form-control" id="animeTitle" placeholder="中文名称" value="">   
                </div>
                <div class="form-group">
                    <label for="animeTitle">英文名称：</label>
                    <input type="text" name="eName" class="form-control" id="animeTitle" placeholder="英文名称" value="">   
                </div>
                <div class="form-group">
                    <label for="animeUpdate">游戏状态：</label>
                    <label class="radio1">
                      <input type="radio" name="state" id="optionsRadios1" value="公测" > 公测 
                    </label>
                    <label class="radio1">
                      <input type="radio" name="state" id="optionsRadios2" value="内测" > 内测 
                    </label>
                    <label class="radio1">
                        <input type="radio" name="state" id="optionsRadios3" value="封测" > 封测 
                    </label> 
                    
                    <label for="animeUpdate" style="margin-left: 50px;">游戏产地：</label>
                    <label class="radio1">
                      <input type="radio" name="area" id="optionsRadios1" value="国产" > 国产 
                    </label>
                    <label class="radio1">
                      <input type="radio" name="area" id="optionsRadios2" value="日本" > 日本 
                    </label>
                    <label class="radio1">
                        <input type="radio" name="area" id="optionsRadios3" value="欧美" > 欧美 
                    </label> 
                </div>
                <div class="form-group hide">
                  <label for="animeId">后台ID：</label>
                  <input type="text" readonly="readonly" class="form-control" id="anime_Id" placeholder="_ID" value="后台自动生成"> 
                </div>
                <div class="form-group">
                    <label for="animeId">开发商：</label>
                    <input type="text" name="maker" class="form-control" id="anime_Id" placeholder="开发商" value=""> 
                </div>
                <div class="form-group">
                    <label for="animeId">运营商：</label>
                    <input type="text" name="publisher" class="form-control" id="anime_Id" placeholder="运营商" value=""> 
                </div>
                <div class="form-group checkboxGroup">
                    <label for="animeArea">平台：</label>
                    <input class="form-control checkboxInput hide" name="roof" data-value="无">
                    <label class="checkbox-inline">
                        <input type="checkbox" id="inlineCheckbox1" value="PC"> PC
                     </label>
                     <label class="checkbox-inline">
                        <input type="checkbox" id="inlineCheckbox2" value="安卓">安卓
                     </label>
                     <label class="checkbox-inline">
                        <input type="checkbox" id="inlineCheckbox2" value="苹果">苹果
                     </label>
                     <label class="checkbox-inline">
                        <input type="checkbox" id="inlineCheckbox3" value="WEB">网页
                     </label>   
                     <label class="checkbox-inline">
                        <input type="checkbox" id="inlineCheckbox3" value="PS4">PS4
                     </label>
                  </div>
                <div class="form-group scoreDiv">
                    <b>评分：</b>
                    <input type="text" name="score" class="form-control" placeholder="0.0" value=""> 
                </div>
                  <div class="form-group">
                      <label for="animeArea">类型：</label>
                      <select class="form-control" name="gameType" data-value="动作冒险" id="areaSelect">
                        <option value="动作冒险" >动作冒险</option>
                        <option value="格斗游戏" >格斗游戏</option>
                        <option value="射击游戏" >射击游戏</option>
                        <option value="音乐游戏" >音乐游戏</option>
                        <option value="益智游戏" >益智游戏</option>
                        <option value="竞技游戏" >竞技游戏</option>
                        <option value="休闲游戏" >休闲游戏</option>
                        <option value="放置游戏" >放置游戏</option>
                        <option value="角色扮演" >角色扮演</option>
                      </select>
                      
                    </div>
                
                <div class="form-group">
                  <label for="animeDate">发布时间：</label>
                  <input type="number" name="year" class="form-control dateInput" id="animeYear" placeholder="年" value="2019"> 年  
                  <input type="number" name="month" class="form-control dateInput" id="animeMonth" placeholder="月" value="1"> 月
                  <input type="number" name="day" class="form-control dateInput" id="animeDay" placeholder="日" value="1"> 日
                </div>
                
                
                
              </div>
        </div>
        <div class="row" style="margin-top:20px">
          <div class="form-group">
              <label for="animeContent">内容简介：</label>
              <textarea class="form-control" name="content" id="content"rows="10" placeholder="请输入简介"></textarea>
          </div>
          <div class="form-group">
              <label for="animeContent">游戏评价：</label>
              <textarea class="form-control" name="evaluate" id="evaluate"rows="5" placeholder="请输入评价"></textarea>
          </div>

          <div class="form-group" style="position: relative;">
              <label for="animeContent">游戏截图：</label>
              <div class="glyphicon glyphicon-plus imgArrBtn addImgArrBtn "></div>
              <div class="glyphicon glyphicon-remove imgArrBtn clearImgArrBtn"></div>
              <ul class="imgArrUl" id="imgArrUl">
                <li class="noImgData" ><div class="imgCotanier"><img src="../public/img/index/other/noImg.jpg"/></div><span class="deleteImgArrBtn glyphicon glyphicon-remove vhidden"></span></li>
              </ul>
              <input type="text" name="imgArr" class="hide" id="imgArrInput" value="[]"/>
          </div>




          <div class="form-group">
            <label for="animeContent">官网链接：</label>
            <input type="text" class="form-control" name="webUrl" id="animePanUrl" placeholder="官网链接">
          </div>
          
          
          <button style="margin-bottom:20px" type="submit" class="btn btn-default addSave">保存</button>
        </div>
  
        </form> 
        <form action='/node/editGame/upload' method="post" enctype="multipart/form-data" target="nm_iframe" class="hide" id="imgArrForm">
          
          <button type="submit" id="imgArrSubmitBtn"></button>
        </form> 
        <!--保存不跳转页面-->
        <iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe> 
      </div>
  </div> 


 
  
  
 <script src="../public/js/jquery-1.12.4.min.js"></script>
 <script src="../public/js/vue.min.js"></script>
 <script src="../public/js/vue-resource.min.js"></script>
 <script src="../public/js/common.js"></script>
 <script src="../public/js/node/index.js"></script>
</body>
</html>